@charset "utf-8";
/**
 * @Creation date:2011-11-09
 * @Explanation:共享良品页面相关样式
 * @Attention:任何一个页面，必须最先引用base.css样式，再引用该样式！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */
/**
 * 布局
 */
.grid4m1s { margin:0px auto; }
.grid4m1s .col-sub { float:left; width:200px; margin-left:-1000px; }
.grid4m1s .col-main { float:left; width:790px; padding-left:210px; }
.grid4m1s .side { width:234px; height:370px; overflow:hidden; zoom:1; }

/**
 * 幻灯片 
 */
.slide { position:relative; float:left; width:546px; height:370px; margin-right:10px; _margin-right:7px; overflow:hidden; z-index:5; }
.slide-show { position:relative; width:546px; height:370px; overflow:hidden; }
.slide-show li { position:absolute; top:0px; left:0px; display:none; width:546px; height:370px; }
.slide-show img { width:546px; height:370px; }
.slide-show .cur { display:block; }
.slide-control { position:absolute; bottom:0px; left:0px; width:548px; height:30px; color:#ffffff; }
.slide-control li { float:left; width:136px; margin-right:1px; border-bottom:2px solid #b1b1af; background:url(../img/tab_png_24.png) no-repeat 0px 0px; text-align:center; line-height:28px; cursor:pointer; _background:#000000;  _filter:Alpha(opacity=80); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.slide-control .cur { border-bottom-color:#c50001; background:#ffffff; color:#3e3e3e; _filter:Alpha(opacity=100); }

/**
 * S 扩展边栏的广告
 */
.side-ad { margin-bottom:10px; border:1px solid #dddddd; }
.side-ad img { width:232px; }

/**
 * S 《上周热兑换榜》、《猜你喜欢》两个模块
 */
.ranking { border:1px solid #dddddd; border-top:2px solid #c50001; }
.ranking .hd { position:relative; height:32px; padding:4px 10px; border-bottom:1px dotted #dddddd; line-height:32px; }
.ranking .hd-t { font:500 16px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .hd-act { position:absolute; top:4px; right:0px; }
.ranking .bd { overflow:hidden; }
.ranking li { position:relative; height:62px; padding:10px 8px 9px 8px; border-bottom:1px solid #dddddd; }
.ranking li:last-child { border-bottom:none; }
.ranking .img { float:left; }
.ranking .img img { width:62px; height:62px; }
.ranking .n, .ranking .price { padding-left:10px; _padding-left:7px; line-height:16px; overflow:hidden; *zoom:1; }
.ranking .n { height:32px; }
.ranking .price { padding-top:8px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .price span { padding-right:6px; font-size:16px; }
.ranking .num { position:absolute; top:10px; left:8px; width:18px; height:14px; background:url(../img/icon.png) no-repeat 0px -229px; text-align:center; font:700 11px/14px Tahoma; overflow:hidden; }
.ranking .h-num { background-position:0px -244px; color:#ffffff; }

/**
 * S 良品分类
 */
.good-pro-cate { width:946px; padding:10px 26px; border:1px solid #dddddd; }
.good-pro-cate .hd { position:relative; height:32px; padding:0px 0px 10px 0px; border-bottom:1px solid #dddddd; }
.good-pro-cate .hd-t { width:256px; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.good-pro-cate .control { position:absolute; top:0px; right:0px; height:14px; padding:10px 0px; line-height:14px; overflow:hidden; }
.good-pro-cate .control li { float:left; padding:0px 10px; margin-left:-1px; border-left:1px solid #dddddd; }
.good-pro-cate .control a { display:inline-block; padding:0px 2px; }
.good-pro-cate .bd { height:305px; padding:20px 0px 10px 0px; overflow:hidden; }
.good-pro-cate img { display:block; margin-bottom:15px; }
.good-pro-cate .bd a { display:block; }
.good-pro-cate .col-1,
.good-pro-cate .col-2,
.good-pro-cate .col-3,
.good-pro-cate .col-4 { float:left; padding-right:15px }
.good-pro-cate .col-3 { width:360px; }
.good-pro-cate .col-4 { padding-right:0px; }
/**
 * S 积分选择
 */
.good-product { width:946px; padding:10px 26px; border:1px solid #dddddd; }
.good-product .hd { padding:0px 0px 10px 0px; }
.good-product .hd-t { width:256px; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.good-product .bd { width:944px; padding:1px; overflow:hidden; }
.good-pro-list { width:980px; }
.good-pro-list li { float:left; width:162px; padding:20px 33px 20px 0px; border-bottom:1px solid #dddddd; }
.good-pro-list .img { display:table-cell; width:162px; height:160px; text-align:center; vertical-align:middle; *display:block; *font-size:140px; *font-family:Arial; }
.good-pro-list .img img { width:160px; height:160px; border:1px solid #dddddd; vertical-align:middle; }
.good-pro-list .img:hover img { border-color:#c50001; }
.good-pro-list .n { width:100%; padding:12px 0px 0px 0; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.good-pro-list .h { color:#c50001; }
.good-pro-list .price { height:20px; padding:2px 0px; line-height:18px; color:#c50001; }

/**
 * S 积分排序工具栏
 */
.integration-bar { padding:0px 0px 10px 0px; }
.integration-bar ul { height:32px; border:1px solid #dddddd; line-height:32px; }
.integration-bar li { position:relative; float:left; padding:0px 1px; margin-left:-1px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; background:#ebecf1; }
.integration-bar .cur { background-color:#ffffff; margin-bottom:-1px; border-bottom:1px solid #ffffff; }
.integration-bar a { display:block; padding:0px 19px; }
.integration-bar .cur a,.integration-bar .cur a:hover { color:#c50001; }
/* 工具栏的渐变效果 */
.integration-bar li {
	background-image: linear-gradient(top, rgb(240,240,240) 34%, rgb(250,250,250) 54%); background-image: -o-linear-gradient(top, rgb(240,240,240) 34%, rgb(250,250,250) 54%);
	background-image: -moz-linear-gradient(top, rgb(240,240,240) 34%, rgb(250,250,250) 54%); background-image: -webkit-linear-gradient(top, rgb(240,240,240) 34%, rgb(250,250,250) 54%);
	background-image: -ms-linear-gradient(top, rgb(240,240,240) 34%, rgb(250,250,250) 54%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.34, rgb(240,240,240)),
		color-stop(0.54, rgb(250,250,250))
	);
}
.integration-bar .cur { background:none; }


/**
 * 推荐商家
 */
.random-recom { width:946px; padding:10px 26px; border:1px solid #dddddd; overflow:hidden; }
.random-recom .hd { padding:0px 0px 10px 0px; border-bottom:1px solid #dddddd; }
.random-recom .hd-t { width:256px; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.random-recom .bd { padding:20px 0px 10px 0px; }
.random-recom .bd:after { clear:both; height:0px; overflow:hidden; display:block; visibility: hidden; content:""; }
.random-pro { float:left; display:inline; width:390px; margin:0px 20px; padding:4px 20px; border:1px solid #dddddd; overflow:hidden; }
.random-pro .hd2 { height:26px; padding:10px 0px 0px 0px; line-height:26px; }
.random-pro .hd2 img { float:left; width:60px; height:26px; padding:0px 10px; }
.random-pro .hd2-txt { padding-left:10px; border-left:1px solid #dddddd; overflow:hidden; zoom:1; }
.random-pro .ad-img { padding:18px 0px; }
.random-pro .ad-img img { width:390px; height:115px; }
.random-pro-list { width:405px; }
.random-pro-list li { float:left; width:120px; padding:0px 15px 0px 0px; }
.random-pro-list .img { display:table-cell; width:120px; height:110px; text-align:center; vertical-align:middle; *display:block; *font-size:96px; *font-family:Arial; }
.random-pro-list .img img { width:120px; height:120px; vertical-align:middle; }
.random-pro-list .n { width:100%; padding:12px 0px 0px 0; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.random-pro-list .h { color:#c50001; }
.random-pro-list .price { height:20px; padding:2px 0px; line-height:18px; color:#c50001; }